<template>
  <div class="bigbox">
    <div class="header">
      <div class="left">
        <span>102</span>
      </div>
      <div class="right">
        <router-link to="home"><img src="../../assets/poweroff.png" alt="" width="50px"  /></router-link>
        
      </div>
    </div>
    <div class="contanier">
      <table class="biaoge">
        <thead>
          <tr>
            <td>序号</td>
            <td>项目编号</td>
            <td>项目名称</td>
            <td>价格</td>
            <td>数量</td>
            <td>技术</td>
            <td>上中时间</td>
            <td>下钟时间</td>
            <td>操作</td>
          </tr>
        </thead>
        <tbody>
          <tr>
          <td>NO.123</td>
            <td>OD123</td>
            <td>大保健</td>
            <td>￥23</td>
            <td>1</td>
            <td>丫丫</td>
            <td>12：00：00</td>
            <td>13：00：00</td>
            <td><img src="../../assets/bianji.png" alt="" width="40px">
            <img src="../../assets/delete.png" alt="" width="40px" @click="sub"></td>
            </tr>
        </tbody>
      </table>
      <!-- <el-button type="text" @click="open">点击打开 Message Box</el-button> -->
      <el-button type="primary" @click="dialogFormVisible = true"
        >添加项目</el-button
      >
      <el-dialog title="项目选择" :visible.sync="dialogFormVisible">
          <div>
                <span>洗脚</span><el-button type="primary" round  @click="add('洗脚')" >洗脚</el-button>
          </div>
          
           
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible = false">取 消</el-button>
          <el-button type="primary" @click="dialogFormVisible = false"
            >确 定</el-button
          >
        </div>
      </el-dialog>
    </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
      
        dialogTableVisible: false,
        dialogFormVisible: false,
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        },
        formLabelWidth: '120px'
        }
    },
  methods: {
      add(a){
            console.log(a)   
      },
      sub(){
        console.log('删除')
      },
      

  },
};
</script>

<style lang="scss" scoped>
.bigbox {
  background-color: #eff2f6;
  width: 1024px;
  height: 700px;
  margin: 0 auto;
  margin-bottom: 5px;
  .header {
    background-color: orange;
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    margin-top: 20px;
    .left {
      color: white;
      line-height: 60px;
      font-size: 40px;
    }
  }
  .contanier {
    width: 900px;
    margin: 0 auto;
    text-align: center;
    tr {
      background-color: #eff2f6;
      td {
        width: 100px;
      }
    }
  }
}
</style>

